﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="Coding4Fun.Cannon.Phone.Controls.DriveView"
	 Width="640" Height="480">
	 <UserControl.Resources>
		<Storyboard x:Name="uxSB_SwitchToReverse">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxForwardIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxReverseIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="-1">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="-32">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="uxSB_SwitchToForward">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxForwardIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxReverseIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="-15">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
				<EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	 </UserControl.Resources>
	<Grid x:Name="LayoutRoot">
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="24"/>
			<ColumnDefinition/>
			<ColumnDefinition Width="213"/>
		</Grid.ColumnDefinitions>
        <Image Source="../Media/DriveUI.png" Stretch="Fill" Grid.ColumnSpan="3" CacheMode="BitmapCache" />
		<Grid HorizontalAlignment="Center" Margin="0,23,0,24" Grid.Column="2">
			<Image x:Name="uxForwardIcon" Source="../Media/ForwardActive.png" Stretch="Fill" Width="169" Height="122" VerticalAlignment="Top" MouseLeftButtonDown="ForwardIcon_MouseLeftButtonDown" />
			<Slider x:Name="uxShifter" HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Vertical" Width="163" Height="113" Style="{StaticResource SliderStyle_Shifter}" Maximum="1" Value="1" Margin="0,-4,0,0" Background="{x:Null}" ValueChanged="Shifter_ValueChanged" />
			<Image x:Name="uxReverseIcon" Source="../Media/ReverseActive.png" Stretch="Fill" Width="169" Height="122" VerticalAlignment="Bottom" Opacity="0" MouseLeftButtonDown="ReverseIcon_MouseLeftButtonDown" />
		</Grid>
        <Button x:Name="uxGasPedal" HorizontalAlignment="Center" VerticalAlignment="Bottom" Content="Button" Style="{StaticResource ButtonStyle_GasPedal}" Grid.Column="1" ManipulationStarted="uxGasPedal_ManipulationStarted" ManipulationCompleted="uxGasPedal_ManipulationCompleted" />
		<Image x:Name="uxDirectionalArrow" Source="../Media/arrow.png" Stretch="Fill" Width="251" Height="270" Grid.Column="1" RenderTransformOrigin="0.5,0.5">
			<Image.RenderTransform>
				<TransformGroup>
					<ScaleTransform/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform Y="-15"/>
				</TransformGroup>
			</Image.RenderTransform>
		</Image>
		<TextBlock x:Name="RightEngine" VerticalAlignment="Top" Text="0" TextWrapping="Wrap" Grid.Column="1" HorizontalAlignment="Center" FontFamily="Fonts/Fonts.zip#Segoe Black" FontSize="18.667" Margin="302,25,0,0" TextAlignment="Center" Width="60">
			<TextBlock.Effect>
				<DropShadowEffect Color="#FF12D529" ShadowDepth="0" BlurRadius="25"/>
			</TextBlock.Effect>
			<TextBlock.Foreground>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF029B0D" Offset="0"/>
					<GradientStop Color="#FF03B40E" Offset="1"/>
				</LinearGradientBrush>
			</TextBlock.Foreground>
		</TextBlock>
		<TextBlock x:Name="LeftEngine" HorizontalAlignment="Center" Margin="-91,25,0,0" VerticalAlignment="Top" Grid.Column="1" FontFamily="Fonts/Fonts.zip#Segoe Black" FontSize="18.667" Text="0" TextWrapping="Wrap" TextAlignment="Center" Width="60">
			<TextBlock.Foreground>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF029B0D" Offset="0"/>
					<GradientStop Color="#FF03B40E" Offset="1"/>
				</LinearGradientBrush>
			</TextBlock.Foreground>
			<TextBlock.Effect>
				<DropShadowEffect BlurRadius="25" Color="#FF12D529" ShadowDepth="0"/>
			</TextBlock.Effect>
		</TextBlock>
	</Grid>
</UserControl>